import { Select, DatePicker, Layout, Menu, Tabs, Button, Radio } from 'antd';
import AttRecord from './AttRecord';
import PunchInRecord from './PunchInRecord';
// import PunchInRecord from '../AttendanceRecord/PunchInRecord'
import { LineChartOutlined } from '@ant-design/icons';
import All_style from '../../index.less';

const { TabPane } = Tabs;
const { RangePicker } = DatePicker;
const { SubMenu } = Menu;
const { Header, Sider, Content } = Layout;
const { Option } = Select;
const AttendanceRecord = () => (
  <div className={All_style.box}>
    <Tabs defaultActiveKey="1" centered>
      <TabPane
        tab={
          <span>
            <LineChartOutlined />
            项目考勤记录
          </span>
        }
        key="1"
      >
        <AttRecord />
      </TabPane>
      <TabPane
        tab={
          <span>
            <LineChartOutlined />
            打卡记录
          </span>
        }
        key="2"
      >
        <PunchInRecord />
      </TabPane>
    </Tabs>
  </div>
);
export default AttendanceRecord;
